(function () {
    // 顶部导航&二级菜单
    $(function () {
        for (let i = 1; i <= 5; i++) {
            $(".topnavright").children().eq(i).on("mouseenter", function (el) {
                $(this).find("span").css({ color: "#ff1e32" })
                $(this).css({ backgroundColor: "#fff" })
                $(this).find(".menu_box").css({ display: "block" })
                $(this).find("i").css({
                    borderColor: "transparent transparent #ff1e32 transparent",
                    top: "9px"
                })
            })
            $(".topnavright").children().eq(i).on("mouseleave", function () {
                $(this).find("span").css({ color: "#999" })
                $(this).css({ backgroundColor: "" })
                $(this).find(".menu_box").css({ display: "none" })
                $(this).find("i").css({
                    borderColor: "#999 transparent transparent  transparent",
                    top: "13px"
                })
            })
        }
        $(".menu_box").children().on("mouseenter", function () {
            $(this).css({
                color: "#ff1e32",
            })
        })
        $(".menu_box").children().on("mouseleave", function () {
            $(this).css({
                color: "#999",
            })
        })
    })

    // 下拉菜单
    $(function () {
        $("#topCats").on("mouseover", function () {
            $(".catitmlst").css({ "display": "block" })
        })
        $("#topCats").on("mouseout", function () {
            $(".catitmlst").css({ "display": "none" })
        })
    })

    // 放大镜
    $(function () {
        $(".showImgBox").on("mouseover", function () {
            $(".showDetails").css({ "display": "block" })
            $(".show").css({ "display": "block" })
            let oScore = $(".showImgBig").width() / $(".Imgcont").width()
            document.onmousemove = function (evt) {
                var e = evt || window.event;
                var mX = e.pageX - $(".Imgcont").offset().left - $(".show").width() / 2;
                var mY = e.pageY - $(".Imgcont").offset().top - $(".show").height() / 2;
                if (mX <= 0) {
                    mX = 0
                }
                if (mX >= $(".Imgcont").width() - $(".show").width()) {
                    mX = $(".Imgcont").width() - $(".show").width()
                }
                if (mY >= $(".Imgcont").height() - $(".show").height()) {
                    mY = $(".Imgcont").height() - $(".show").height()
                }
                if (mY <= 0) {
                    mY = 0
                }
                $(".show").css({ left: mX, top: mY });
                $(".showImgBig").css({ left: oScore * mX * -1, top: oScore * mY * -1 })

            }
            $(".showImgBox").on("mouseout", function () {
                $(".showDetails").css({ "display": "none" })
                $(".show").css({ "display": "none" })
            })
        })
    })

    // 鼠标移入切换图片&鼠标点击显示下一个或上一个图片
    $(function () {
        $(".litimgUl").find(".minimg").on("mouseover", function () {
            let flag = $(this)
            $(this).find("a").addClass("current").end().siblings().each(function (index, el) {
                $(el).children().removeClass("current")
                $(".Imgcont").attr("src", `./images/shopping/fdj-2-${flag.index() + 1}.jpg`)
                $(".showImgBig").attr("src", `./images/shopping/fdj-2-${flag.index() + 1}.jpg`)
            })
        })
        let num = 0
        $(".PImgBox").find(".btnright").on("click", function () {
            num--
            if (num < 4 - $(".litimgUl").children().length) {
                num = 4 - $(".litimgUl").children().length
            }
            $(".litimgUl").animate({ left: num * 80 })
        })
        $(".PImgBox").find(".btnleft").on("click", function () {
            num++
            if (num > 0) {
                num = 0
            }
            $(".litimgUl").animate({ left: num * 80 })
        })
    })

    // 地址选择/tab栏切换&二级菜单
    $(function () {
        $(".iptmsg_box").on("click", function () {
            if ($(".iptw").find(".box").css("display") == "block") {
                $(".iptw").find(".box").css("display", "none")
                return
            }
            $(".iptw").find(".box").css("display", "block")
        })

        $(".iptw").find(".tli").on("click", function () {
            $(this).addClass("act").siblings().removeClass("act")
            $(".iptw").find(".boxlist").addClass("current").eq($(this).index()).removeClass("current")
        })

        $(".iptw").find(".boxlist").eq(0).find(".tcli2>a").on("click", function () {
            $(".iptw").find(".boxlist").eq(0).find(".tcli2>a").removeClass("selected")
            $(this).addClass("selected")
        })
        $(".iptw").find(".boxlist").eq(1).find(".tcli>a").on("click", function () {
            $(".iptw").find(".boxlist").eq(1).find(".tcli>a").removeClass("selected")
            $(this).addClass("selected")
        })
        $(".iptw").find(".boxlist").eq(2).find(".tcli>a").on("click", function () {
            $(".iptw").find(".boxlist").eq(2).find(".tcli>a").removeClass("selected")
            $(this).addClass("selected")
        })

        $(".boxclose").on("click", function () {
            $(".iptw").find(".box").css("display", "none")
        })
    })

    // 商品详情tab栏切换
    $(function () {
        $(".goodsDetailWrap").find(".nav").eq(0).find(".navtab").on("click", function () {
            $(this).addClass("current").siblings().removeClass("current")
            // console.log($(this).index());
            if ($(this).index() == 2) {
                $(".goodsDetail").css("display", "none")
                $(".goodsParaTit").css("display", "none")
                $(".faketips").css("display", "none")
                $(".textarea").css("display", "none")
            } else {
                $(".goodsDetail").css("display", "block")
                $(".goodsParaTit").css("display", "block")
                $(".faketips").css("display", "block")
                $(".textarea").css("display", "block")
            }
        })
    })

    // 商品详情置顶
    $(function () {
        $navtop = $(".goodsDetailWrap").find(".nav").eq(0).offset().top;
        $(window).on("scroll", function () {
            $top = $(window).scrollTop()
            if ($top >= $navtop) {
                $(".nav2").css({ display: "block" })
            } else {
                $(".nav2").css({ display: "none" })
            }
        })
        $(".goodsDetailWrap").find(".nav2").find(".navtab").on("click", function () {
            $(this).addClass("current").siblings().removeClass("current")
            // console.log($(this).index());
            if ($(this).index() == 3) {
                $(".goodsDetail").css("display", "none")
                $(".goodsParaTit").css("display", "none")
                $(".faketips").css("display", "none")
                $(".textarea").css("display", "none")
            } else {
                $(".goodsDetail").css("display", "block")
                $(".goodsParaTit").css("display", "block")
                $(".faketips").css("display", "block")
                $(".textarea").css("display", "block")
            }
        })
    })

    // 选择商品规格&数量
    $(function () {
        $(".buyBox").find(".imgbox").on("click", function () {
            $(this).siblings().children().css({
                border: "1px solid #ccc",
                margin: "1px 1px 1px 1px"
            })
            $(this).children().css({
                borderColor: "#d41c44",
                color: "#d41c44",
                borderWidth: "2px",
                margin: 0
            })
            $(this).addClass("crt").siblings().removeClass("crt")
        })
        $(".last-skuBox").find("li").on("click", function () {
            $(this).siblings().children().css({
                border: "1px solid #ccc",
                margin: "1px 1px 1px 1px",
                color: "#000",
            }).removeClass("crt")
            $(this).children().css({
                borderColor: "#d41c44",
                color: "#d41c44",
                borderWidth: "2px",
                margin: 0
            }).addClass("crt")
        })
        let temp = $(".buybox2 .num").val();
        $(".buybox2 .num").on("input", function () {
            temp = $(".buybox2 .num").val()
            // console.log(temp);
        })
        $(".buyBox2").find(".minus").on("click", function () {
            temp--;
            if (temp < 1) {
                temp = 1
            }
            $(".buybox2 .num").val(temp)
        })
        $(".buyBox2").find(".plus").on("click", function () {
            temp++;
            $(".buybox2 .num").val(temp)
        })
    })

    // 查询购物车商品数量
    $(function () {
        try {
            let userphone = JSON.parse(localStorage.getItem("user")).uphone;
            let data = {
                uphone: userphone,
                pname: $(".product-title").children().text(),
                psize: $(".last-skuBox").find(".crt").children().text(),
                pcolor: $(".buyBox").find(".imgbox.crt").attr("data"),
                pprice: $(".price-wrap").find(".currentPrice").attr("data"),
                pnum: $(".buyBox2").find(".num").val(),
                pimg: `./images/chart/comimg${$(".buyBox").find(".imgbox.crt").attr("name")}.jpg`,
                shopname:$(".shopname").find(".name").text()
            }
            // console.log(data);
            $.ajax({
                url: "/chartlist",
                type: "post",
                data,
                dataType: "json",
                success(res) {
                    let num = 0;
                    res.data.forEach(el => {
                        num += Number(el.pnum)
                    });
                    if (num > 0) {
                        $(".shopcart").find(".num").css({
                            display: "inline-block"
                        }).html(num)
                    }
                }
            })
        } catch (error) {
        }
    })

    // 加入购物车
    $(function () {
        let clickHandler = true;
        // 动画效果
        $(".buyBtns").find(".addCart").on("click", function () {
            try {
                let userphone = JSON.parse(localStorage.getItem("user")).uphone;
                if (clickHandler == false) {
                    return;
                }
                clickHandler = false;
                let cloneImg
                $(".buyBox").find(".imgbox").map(function (index, el) {
                    if ($(el).children().css("borderColor") == "rgb(212, 28, 68)") {
                        cloneImg = $(el).children().children().clone()
                        cloneImg.left = $(el).children().children().offset().left
                        cloneImg.top = $(el).children().children().offset().top
                        $(el).children().append(cloneImg)
                    }
                })
                if (userphone) {
                    cloneImg.css({
                        "position": "absolute",
                        "zIndex": "102",
                        top: 0,
                        left: 0
                    })
                    let $target = { left: $(".rightBarNew").offset().left - cloneImg.left + 31, top: $(".rightBarNew").offset().top - cloneImg.top + 99, width: 0, height: 0 }
                    cloneImg.animate($target, 2000, function () {
                        cloneImg.remove();
                        clickHandler = true;
                        $(".shopcart").find(".num").css({
                            display: "inline-block"
                        }).html()
                    })
                } else {
                    clickHandler = true;
                }

                // 数据传输
                let data = {
                    uphone: userphone,
                    pname: $(".product-title").children().text(),
                    psize: $(".last-skuBox").find(".crt").children().text(),
                    pcolor: $(".buyBox").find(".imgbox.crt").attr("data"),
                    pprice: $(".price-wrap").find(".currentPrice").attr("data"),
                    pnum: $(".buyBox2").find(".num").val(),
                    pimg: `./images/chart/comimg${$(".buyBox").find(".imgbox.crt").attr("name")}.jpg`,
                    shopname:$(".shopname").find(".name").text()
                }
                // console.log(data);
                // 添加
                $.ajax({
                    url: "/chart",
                    type: "post",
                    data: data,
                    dataType: "json",
                    success(res) {
                        // 查询
                        $.ajax({
                            url: "/chartlist",
                            type: "post",
                            data,
                            dataType: "json",
                            success(res) {
                                let num = 0;
                                res.data.forEach(el => {
                                    num += Number(el.pnum)
                                });
                                $(".shopcart").find(".num").html(num)
                            }
                        })
                    }
                })
            } catch (error) {
                alert("请先登录!")
            }
        })


    })

    // 登录信息显示及退出登录
    $(function () {
        let user = JSON.parse(localStorage.getItem("user"))
        if (user) {
            $(".topnavleft").children().eq(0).html(user.uphone)
            let str = `<a href="javascript:void(0)">退出</a>`
            $(".topnavleft").children().eq(1).children().html(str)
            $(".topnavleft").children().eq(1).on("click", function (e) {
                localStorage.removeItem("user")
                window.location.reload()
            })
        }
    })
})()